import ThemeChanger from "./ThemeChanger";
import ThemeContext from "../ThemeContext";
import { useContext } from "react";

const ChildComp3 = () => {
  const { theme } = useContext(ThemeContext);
  return (
    <>
      <div className="ProviderContainer GreenBorder">
        <div>ChildComponent3</div>
        <div>Theme: {theme}</div>
        <ThemeChanger />
      </div>
    </>
  );
};

export default ChildComp3;
